<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head th:replace="fragments/header :: common_header(~{::title}, ~{}, ~{::script})">
    <title>定时任务</title>
    <!-- My JavaScript -->
    <script src="../../static/app/schedule/scheduletask.js" th:src="@{/app/schedule/scheduletask.js}"></script>
</head>

<body class="easyui-layout" data-options="fit:true" style="margin:2px;">

<div data-options="region:'north',title:'定时任务查询',hideCollapsedContent:false,height:'auto'"
     style="padding:5px 0;">
    <form id="searchForm" method="POST" class="search-form">
        <div class="form-item">
            <label class="label-top">任务标识：
                <input id="sf_taskKey" name="taskKey" class="easyui-textbox"/>
            </label>
        </div>
        <div class="form-item">
            <label class="label-top">任务描述：
                <input id="sf_taskDesc" name="taskDesc" class="easyui-textbox"/>
            </label>
        </div>
        <div class="form-item">
            <label class="label-top">是否在用：
                <select id="sf_initStartFlag" name="initStartFlag"></select>
            </label>
        </div>
        <div class="form-item">
            <a href="javascript:;" id="searchBtn" class="easyui-linkbutton primary" iconCls="e-icon fa fa-search">查询</a>
            <a href="javascript:;" id="resetBtn" class="easyui-linkbutton" iconCls="e-icon fa fa-repeat">重置</a>
        </div>
    </form>
</div>
<div data-options="region:'center'">
    <table id="scheduleGrid" data-options="toolbar:'#roleGrid-toolbar',border:false"></table>
</div>

<!-- toolbar -->
<div id="roleGrid-toolbar" style="padding:5px;"><!-- 上 右 下 左  -->
    <a href="javascript:;" class="easyui-linkbutton" plain="true" iconCls="fa fa-plus" onclick="add()">添加</a>
    <a href="javascript:;" class="easyui-linkbutton" plain="true" iconCls="fa fa-trash" onclick="deletes()">删除</a>
</div>

<div id="dlg" class="easyui-dialog" data-options="title:'',width:650,height:380,closed:true">
    <form id="fm" class="dlg-form" method="POST">
        <input id="fm_id" name="id" type="hidden"/>
        <fieldset>
            <legend>定时任务信息</legend>
            <div class="form-row">
                <div class="form-item">
                    <label class="label-top">任务标识：</label>
                    <input id="fm_taskKey" name="taskKey" class="easyui-validatebox easyui-textbox" prompt="请输入名称"
                           data-options="required:true,validType:'byteLength[2,20]'">
                </div>
                <div class="form-item">
                    <label class="label-top">是否在用：</label>
                    <input id="fm_initStartFlag" name="initStartFlag" class="easyui-validatebox easyui-textbox" data-options="required:true"/>
                </div>
            </div>
            <div class="form-row">
                <div class="form-item">
                    <label class="label-top">任务表达式：</label>
                    <input id="fm_taskCron" name="taskCron" class="easyui-validatebox easyui-textbox" data-options="required:true"/>
                </div>
            </div>
            <div class="form-row">
                <div class="form-item" style="width:100%;">
                    <label class="label-top">任务描述：</label>
                    <input id="fm_taskDesc" name="taskDesc" class="easyui-validatebox easyui-textbox"
                           data-options="height:60,multiline:true" style="width: 460px;"/>
                </div>
            </div>
        </fieldset>
    </form>
</div>

<div th:replace="~{fragments/footer :: footer}">...</div>
<!-- My JavaScript -->

</body>
</html>